.right-sidebar {
	position: fixed;
	top: 0;
	right: 0;
	width: 300px;
	height: 100%;
	z-index: 1040;
	overflow: hidden;
	opacity: 1;
	.translate(0, 0);
	.transition(all .3s);
	.box-shadow-helper(2);
	.backface-visibility(hidden);
	.box-shadow-helper(1);
	&.collapsed {
		opacity: 0;
		.translate(100%, 0);
	}
	.head {
		box-shadow: inset 0 -3px 0 @primary;
	}
	.header {
		padding: 10px 0;
		text-transform: uppercase;
		color: @primary;
		font-weight: 700;
		font-size: 12px;
	}
}

// Extra Small Devices

@media (max-width: 767px) {
	.right-sidebar {
		width: 100%;
	}
}